<ion-view>
  <ion-content class="tab_course">
    <div>
      <label class="item item-input">
        <input type="text" placeholder="搜索训练课程">
        <i class="icon ion-search placeholder-icon"></i>
      </label>
    </div>
    <!--课程分类-->
    <section class="course white">
      <article>
        <h2 class="green">课程分类</h2>
        <p>丰富的训练课程，规范你的训练过程</p>
      </article>
      <div class="course_box">
        <a class="background" href="" style="background-image: url(https://staticssl.keepcdn.com/misc/2015/12/31/16/547dc433f9400000.jpg);">
          <div class="center y">
            <p>新手入门</p>
            <span><num>7</num>个课程</span>
          </div>
        </a>
        <a class="background" href="" style="background-image: url(https://staticssl.keepcdn.com/misc/2015/12/31/16/547dc433f9400000.jpg);">
          <div class="center y">
            <p>新手入门</p>
            <span><num>7</num>个课程</span>
          </div>
        </a>
        <a class="background" href="" style="background-image: url(https://staticssl.keepcdn.com/misc/2015/12/31/16/547dc433f9400000.jpg);">
          <div class="center y">
            <p>新手入门</p>
            <span><num>7</num>个课程</span>
          </div>
        </a>
        <a class="background" href="" style="background-image: url(https://staticssl.keepcdn.com/misc/2015/12/31/16/547dc433f9400000.jpg);">
          <div class="center y">
            <p>新手入门</p>
            <span><num>7</num>个课程</span>
          </div>
        </a>
        <a class="background" href="" style="background-image: url(https://staticssl.keepcdn.com/misc/2015/12/31/16/547dc433f9400000.jpg);">
          <div class="center y">
            <p>新手入门</p>
            <span><num>7</num>个课程</span>
          </div>
        </a>
      </div>
      <!--<p>没有想要的分类</p>-->
      <!--<button>全部课程</button>-->
    </section>
    <!--动作库-->
    <section class="course white">
      <article>
        <h2 class="green">动作库</h2>
        <p>动作的规范不但可以更高效的达到训练目的更能减少运动损伤</p>
      </article>
      <div class="course_box">
        <a class="a_act y" href="">
          <div>
            <img src="https://staticssl.keepcdn.com/misc/2016/08/05/12/55963b0e73800000.png" alt=""/>
          </div>
          <p>胸部</p>
        </a>
        <a class="a_act y" href="">
          <div>
            <img src="https://staticssl.keepcdn.com/misc/2016/08/05/12/55963b0e73800000.png" alt=""/>
            </div>
          <p>胸部</p>
        </a>
        <a class="a_act y" href="">
          <div>
            <img src="https://staticssl.keepcdn.com/misc/2016/08/05/12/55963b0e73800000.png" alt=""/>
          </div>
          <p>胸部</p>
        </a>
        <a class="a_act y" href="">
        <div>
          <img src="https://staticssl.keepcdn.com/misc/2016/08/05/12/55963b0e73800000.png" alt=""/>
        </div>
        <p>胸部</p>
      </a>
        <a class="a_act y" href="">
          <div>
            <img src="https://staticssl.keepcdn.com/misc/2016/08/05/12/55963b0e73800000.png" alt=""/>
          </div>
          <p>胸部</p>
        </a>
        <a class="a_act y" href="">
          <div>
            <img src="https://staticssl.keepcdn.com/misc/2016/08/05/12/55963b0e73800000.png" alt=""/>
          </div>
          <p>胸部</p>
        </a>
        <a class="a_act y" href="">
          <div>
            <img src="https://staticssl.keepcdn.com/misc/2016/08/05/12/55963b0e73800000.png" alt=""/>
          </div>
          <p>胸部</p>
        </a>
        <a class="a_act y" href="">
          <div>
            <img src="https://staticssl.keepcdn.com/misc/2016/08/05/12/55963b0e73800000.png" alt=""/>
          </div>
          <p>胸部</p>
        </a>
      </div>

    </section>
  </ion-content>
</ion-view>
